<template>
    <div>
        <el-dialog title="编辑出库单" :visible.sync="visible" :before-close="conmel" width="1200px">
            <div class="botcenten">
                <div>
                    <el-form label-position='right' :inline="true" class="demo-form-inline">
                        <el-form-item label="耗材出库主题:" label-width="200px">
                            <el-input></el-input>
                        </el-form-item>
                        <el-form-item label="盘点仓库:" label-width="200px">
                            <el-select class="handle-select" clearable v-model="come" placeholder="请选择">
                                <el-option v-for="item in comelist" :key="item.value" :label="item.label"
                                    :value="item.value"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="盘点管理员:" label-width="200px">
                            <el-select class="handle-select" clearable v-model="come" placeholder="请选择">
                                <el-option v-for="item in comelist" :key="item.value" :label="item.label"
                                    :value="item.value"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="盘点截止时间:" label-width="200px">
                            <el-date-picker v-model="value1" type="date" placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="出库备注:" label-width="200px">
                            <el-input></el-input>
                        </el-form-item>
                    </el-form>
                </div>
                <el-divider></el-divider>
                <div>
                    <el-table :data="tableData" border class="table" ref="multipleTable"
                        header-cell-class-name="table-header">
                        <el-table-column type="selection" width="55" align="center"></el-table-column>
                        <el-table-column type="index" label="序号" width="60" align='center'>
                            <template slot-scope="scope">
                                {{ scope.$index + (query.pageIndex - 1) * query.pageSize + 1 }}
                            </template>
                        </el-table-column>
                        <el-table-column prop="name" label="物品名称" align='center'></el-table-column>
                        <el-table-column prop="name" label="规格型号" align='center'></el-table-column>
                        <el-table-column prop="name" label="计量单位" align='center'></el-table-column>
                        <el-table-column prop="name" label="数量" align='center'></el-table-column>
                        <el-table-column prop="name" label="单价" align='center'></el-table-column>
                        <el-table-column prop="name" label="金额" align='center'></el-table-column>
                        <el-table-column prop="name" label="仓库" align='center'></el-table-column>
                        <el-table-column prop="name" label="安全库存上限" align='center'></el-table-column>
                        <el-table-column prop="name" label="安全库存下限" align='center'></el-table-column>


                    </el-table>
                    <div class="pagination">
                        <el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex"
                            :page-size="query.pageSize" :total="query.pageTotal"
                            @current-change="handlePageChange"></el-pagination>
                    </div>
                </div>
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="conmel">取 消</el-button>
                <el-button type="primary" @click="conmel">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>

export default {
    name: "ventory_detail",
    props: {
        visible: {
            type: Boolean,
            required: true
        }
    },
    watch: {

    },
    components: {
    },
    data() {
        return {
            value1: '',
            value: "",
            query: {
                pageIndex: 1,
                pageSize: 15,
                pageTotal: 0,
            },
            tableData: [{ name: '测试' }, { name: '测试' }, { name: '测试' }, { name: '测试' }, { name: '测试' }],
            come: '',
            comelist: []

        }
    },
    mounted() {

    },
    methods: {
        conmel() {
            this.$emit('close')
        },
        handlePageChange(e) {
            console.log(e);
        }
    }

}
</script>


<style lang="less" scoped>
::v-deep .el-input {
    width: 200px;
}

::v-deep .el-textarea {
    width: 500px;
}



.buttoncenter {
    margin-bottom: 10px;
    float: right;
}
</style>